// 外框边距
.cai-layout-wrap{
	padding: 22rpx ($cai-padding-base);
	padding-top: 0;
}
// box
.cai-layout-box{
	background-color: ($cai-bg-color);
	padding: ($cai-padding-box);
	border-radius: ($cai-border-radius-box);
	margin-bottom: ($cai-spacing-row-box);
}
.box-title{
	font-size: ($cai-font-size-base);
	font-weight: 700;
}
.cai-layout-box.cai-layout-box-nopadding{
	padding: 0;
}
// 标签
.cai-tags{
	overflow: hidden;
	.cai-tag{
		display: inline-block;
		padding: ($cai-padding-tag-height) ($cai-padding-tag-width);
		border-radius: ($cai-border-radius-tag);
		font-size: ($cai-font-size-sm);
		color: ($cai-text-color);
		background-color: ($cai-bg-color-tag);
		margin-right: ($cai-spacing-row-base);
		margin-top: ($cai-spacing-row-base);
		position: relative;
	}
	.cai-tag-close{
		position: absolute;
		right: -12rpx;
		font-weight: 900;
		top: -12rpx;
		font-size: 36rpx;
		width: 60rpx;
		height: 60rpx;
		color: ($cai-color-main);
		line-height: 38rpx;
		// background-color: #fff;
		border-radius: 50rpx;
		z-index: 2;
		text-align: center;
		.cuIcon-roundclosefill{
			margin-top: 4rpx;
		}
	}
	.cai-tag-add{
		padding-left: 50rpx;
		padding-right: 50rpx;
		font-weight: bold;
	}
}

.cai-flex{
	display: flex;
	.flex-item{
		flex: 1;
	}
}

.pop-mask{
	background-color: rgba(0,0,0,.4);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.title-padding {
	height: var(--status-bar-height);
	box-sizing: content-box;
	background-color: #f2f2f2;
	width: 100%;
}

.login-head{
	overflow: hidden;
	margin-bottom: 80rpx;
	.login-text{
		position: relative;
	}
	.login-name{
		font-size: ($cai-big-title);
		margin-bottom: 12rpx;
		font-weight: bold;
	}
	.login-desc{
		color: ($cai-text-color-grey);
		font-size: ($cai-font-size-base);
	}
}
.cai-list{
	min-height: 380px;
}

.cai-modal{
	.cu-modal.bottom-modal .cu-dialog{
		width: 91.6%;
		margin: 4.2%;
		margin-bottom: 22rpx;
		padding-bottom: 20rpx;
		border-radius: ($cai-border-radius-box);
		font-size: 36rpx;
		font-weight: bold;
		padding-top: 22rpx;
	}
	.cu-modal{
		text-align: left;
		.padding-xl{
			padding: 0 32rpx;
			margin-bottom: 32rpx;
		}
	}
	.cu-dialog{
		background-color: #fff;
	}
	.cu-bar .action:first-child{
		font-size: 32rpx;
	}
	.action{
		width: 300rpx;
		font-size: 32rpx;
		line-height: 106rpx;
		border-radius: 50rpx;
	}
	.action-cancel{
		font-weight: bold;
		background-color: #f3f3f3;
		&:active{
			opacity: .7;
		}
		&:after{
			transform: scale(0);
			border: none;
		}
	}
	.action-define{
		color: #FFF;
	}
	.subtitle{
		font-size: 24rpx;
		color: #999;
		font-weight: 300;
		margin-top: 6rpx;
	}
}
.cu-modal.bottom-modal.focus.android .cu-dialog{
	margin-bottom: 100px;
}
.cu-modal.bottom-modal.focus.ios .cu-dialog{
	margin-bottom: 40px;
}
// 底部占边距
.line-box-bottom{
	height: 2rpx;
}

.borbox-radius{
	border-radius: ($cai-border-radius-box);
	overflow: hidden;
}
.cai-text-color-pla{
	color: #bbb;
}

.price-point{
	font-size: 26rpx;
	margin-right: 6rpx;
}